<!--间距-->
<template>
	<el-space :alignment="alignment" :direction="direction" :prefixCls="prefixCls" :spacer="spacer" :size="size" :wrap="wrap" :fill="fill" :fillRatio="fillRatio" style="width: 100%;">
		<slot></slot>
	</el-space>
</template>

<script lang="ts" setup name="zh-space">
defineProps({
	// 对齐的方式
	alignment: {
		type: String,
		default: 'center',
	},
	// 排列的方向
	direction: {
		type: String,
		default: 'horizontal',
	},
	// 	给 space-items 的类名前缀
	prefixCls: String,
	// 间隔符
	spacer: [String, Number, Object],
	// 间隔大小
	size: {
		type: [String, Number],
		default: 'small',
	},
	// 设置是否自动折行
	wrap: {
		type: Boolean,
		default: true,
	},
	// 子元素是否填充父容器
	fill: {
		type: Boolean,
		default: true,
	},
	// 填充父容器的比例
	fillRatio: {
		type: Number,
		default: 100,
	},
});
</script>

